body,h1,h2,h3,p,ul,ol,form,fieldset,figure {
	margin: 0;
	padding: 0;
}
img {
	display: block;
	max-width: 100%;
}
html{
  
}
body {
    height:100%;
    max-width: 640px;
    margin: 0 auto;
	background-color: #f5f5f5;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
}
img {
	display: block;
	max-width: 100%;
}
ul,ol {
	list-style: outside none none;
}
a {
	text-decoration: none;
}
.none {
	display: none;
}
 .draw_box{
    
    overflow: hidden;
    background: red;

    width: 100%;
    
    position: relative;

 }
.box { width: 100%; height: 18rem; position: relative; margin: 0 auto; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.box .outer { width: 100%; position: absolute; z-index: 1; top: 0; left: 0; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
.box .outer img { width: 100%; }
.box .inner {cursor:pointer;position: relative;width: 90px;height:90px;    background-size: 90px;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 2;background-image: url(../images/arrow.png);background-repeat: no-repeat;}
.box .inner.start:active { -webkit-transform: translate(-50%, -50%) scale(.95); -moz-transform: translate(-50%, -50%) scale(.95); -ms-transform: translate(-50%, -50%) scale(.95); -o-transform: translate(-50%, -50%) scale(.95); transform: translate(-50%, -50%) scale(.95); }
.box .inner.start { background-position: 0 0; }
.box .inner.no-start { background-position: -5rem 0; }
.box .inner.completed { background-position: -10rem 0; }
.box .outer img{  
     width: 300px;
    margin: auto;}
.content{
    width: 90%;
    margin: auto;
    
    margin-top: 60%;
   
}
.title{margin-bottom: 20px}
.title img{height: 15px}
.content_text{border: 1px  solid #f5ff45;border-radius: 20px;padding: 10px;background: #af0100}
.content_text p{font-size: 14px;color: #f5ff45}
.content_text p img{display: inline-block;margin-right:4px ;width: 14px}
.content_text p:last-child{line-height: 20px}
.btn{width: 200px; margin: 30px auto 0 auto;cursor:pointer; }
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
}
.tc_jb{
    background:url('../images/tc.png')no-repeat;
	width: 330px;
    height: 500px;
    position: fixed;
    z-index: 9999;
    left: 50%;
    margin-left: -165px;
    top: 50%;
    margin-top: -220px;
    background-size: 330px;
}
.form_name{width: 270px;height: 25px;border: solid 2px #55bcf6;border-radius: 4px;margin: auto}
.fonrm{padding-top:70px }
.form_name{padding: 0 4px;line-height: 25px;margin-top: 20px}
.form_name label{font-size: 14px}
.form_name input{border: none;outline: none;}
.form_name span{font-size: 14px;float: right;color: #ed4249}
.form_name span img{margin-top: 10px}
.form_name .obtain{  outline: none;  width: 50px;height: 20px;background: #dcdcdc;line-height: 20px;text-align: center;font-size: 13px;color: #757575;margin-top: 2px}
.form_name .selse{font-size: 14px;outline: none; ;border: none; -moz-appearance: none;appearance: none;-webkit-appearance: none;width:77%}
.tc_but{border:none;background: none;background: #fff;;width: 150px;margin:20px auto;display: block;}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
        .content_text p{font-size: 12px}
        .box .outer img{width: 250px;}
        .box .inner{}
        .box{
                height: 14rem;
        }
        .content{
                margin-top: 164px;
        }
            .btn {
    
    margin: 15px auto 0 auto;
}
  

}
@media (min-width:414px) and (max-width:500px){/* 兼容iphone6 Plus */

    .content_text p{font-size: 15px;}
    .box .outer img { width: 325px;}
    .content_text{padding: 20px;}
    .box .outer img{width: 330px;}
    .box{height: 19rem;}

}